<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
     <link rel="stylesheet" href="./css/saicheng.css">
</head>
<body>
    <div class="box">
        <h2>12月5日 周一</h2>
        <div class="match-list">
            <div class="match-information">
                <div class="match-header">
                    <strong>03:00</strong>
                    <span>世界杯1/8决赛</span>
                </div>
                <div class="match-result">
                    <div class="line">
                        <img src="./hupu-img/英格兰.webp">
                        <h5>英格兰</h5>
                        <strong class="win">4</strong>
                    </div>
                    <div class="line">
                        <img src="./hupu-img/塞内加尔.png">
                        <h5>塞内加尔</h5>
                        <strong class="lose">1</strong>
                    </div>
                </div>
                <div class="match-end">
                    <span class="text-bold">已结束</span>
                </div>
            </div>
            <div class="match-list">
                <div class="match-information">
                    <div class="match-header">
                        <strong>23:00</strong>
                        <span>世界杯1/8决赛</span>
                    </div>
                    <div class="match-result">
                        <div class="line">
                            <img src="./hupu-img/日本.png">
                            <h5>日本</h5>
                            <strong class="win">(3)0</strong>
                        </div>
                        <div class="line">
                            <img src="./hupu-img/克罗地亚.png">
                            <h5>克罗地亚</h5>
                            <strong class="lose">(0)0</strong>
                        </div>
                    </div>
                    <div class="match-end">
                        <span class="text-bold">已结束</span>
                    </div>
                </div>
    </div>
   
    <div class="box">
        <h2>12月6日 周二</h2>
        <div class="match-list">
            <div class="match-information">
                <div class="match-header">
                    <strong>03:00</strong>
                    <span>世界杯1/8决赛</span>
                </div>
                <div class="match-result">
                    <div class="line">
                        <img src="./hupu-img/巴西.png">
                        <h5>巴西</h5>
                        <strong class="win">4</strong>
                    </div>
                    <div class="line">
                        <img src="./hupu-img/韩国.png">
                        <h5>韩国</h5>
                        <strong class="lose">1</strong>
                    </div>
                </div>
                <div class="match-end">
                    <span class="text-bold">已结束</span>
                </div>
            </div>
            <div class="match-list">
                <div class="match-information">
                    <div class="match-header">
                        <strong>23:00</strong>
                        <span>世界杯1/8决赛</span>
                    </div>
                    <div class="match-result">
                        <div class="line">
                            <img src="./hupu-img/摩洛哥.png">
                            <h5>摩洛哥</h5>
                            <strong class="win">(3)0</strong>
                        </div>
                        <div class="line">
                            <img src="./hupu-img/西班牙.png">
                            <h5>西班牙</h5>
                            <strong class="lose">(0)0</strong>
                        </div>
                    </div>
                    <div class="match-end">
                        <span class="text-bold">已结束</span>
                    </div>
                </div>
    </div>
    <div class="box">
        <h2>12月7日 周三</h2>
        <div class="match-list">
            <div class="match-information">
                <div class="match-header">
                    <strong>03:00</strong>
                    <span>世界杯1/8决赛</span>
                </div>
                <div class="match-result">
                    <div class="line">
                        <img src="./hupu-img/葡萄牙.png">
                        <h5>葡萄牙</h5>
                        <strong class="win">6</strong>
                    </div>
                    <div class="line">
                        <img src="./hupu-img/瑞士.png">
                        <h5>瑞士</h5>
                        <strong class="lose">1</strong>
                    </div>
                </div>
                <div class="match-end">
                    <span class="text-bold">已结束</span>
                </div>
            </div>
        </div>
        <div class="box">
            <h2>12月9日 周五</h2>
            <div class="match-list">
                <div class="match-information">
                    <div class="match-header">
                        <strong>23:00</strong>
                        <span>世界杯1/4决赛</span>
                    </div>
                    <div class="match-result">
                        <div class="line">
                            <img src="./hupu-img/克罗地亚.png">
                            <h5>克罗地亚</h5>
                            <strong class="win">(4)1</strong>
                        </div>
                        <div class="line">
                            <img src="./hupu-img/巴西.png">
                            <h5>巴西</h5>
                            <strong class="lose">(2)1</strong>
                        </div>
                    </div>
                    <div class="match-end">
                        <span class="text-bold">已结束</span>
                    </div>
                </div>
            </div>
            <div class="box">
                <h2>昨天 周六</h2>
                <div class="match-list">
                    <div class="match-information">
                        <div class="match-header">
                            <strong>03:00</strong>
                            <span>世界杯1/4决赛</span>
                        </div>
                        <div class="match-result">
                            <div class="line">
                                <img src="./hupu-img/荷兰.png">
                                <h5>荷兰</h5>
                                <strong class="lose">(3)2</strong>
                            </div>
                            <div class="line">
                                <img src="./hupu-img/阿根廷.png">
                                <h5>阿根廷</h5>
                                <strong class="win">(4)2</strong>
                            </div>
                        </div>
                        <div class="match-end">
                            <span class="text-bold">已结束</span>
                        </div>
                    </div>
                    <div class="match-list">
                        <div class="match-information">
                            <div class="match-header">
                                <strong>23:00</strong>
                                <span>世界杯1/4决赛</span>
                            </div>
                            <div class="match-result">
                                <div class="line">
                                    <img src="./hupu-img/摩洛哥.png">
                                    <h5>摩洛哥</h5>
                                    <strong class="win">1</strong>
                                </div>
                                <div class="line">
                                    <img src="./hupu-img/葡萄牙.png">
                                    <h5>葡萄牙</h5>
                                    <strong class="lose">0</strong>
                                </div>
                            </div>
                            <div class="match-end">
                                <span class="text-bold">已结束</span>
                            </div>
                        </div>
                </div>      
                <div class="box">
                    <h2>今天</h2>
                    <div class="match-list">
                        <div class="match-information">
                            <div class="match-header">
                                <strong>03:00</strong>
                                <span>世界杯1/4决赛</span>
                            </div>
                            <div class="match-result">
                                <div class="line">
                                    <img src="./hupu-img/英格兰.webp">
                                    <h5>英格兰</h5>
                                    <strong class="lose">1</strong>
                                </div>
                                <div class="line">
                                    <img src="./hupu-img/法国.png">
                                    <h5>法国</h5>
                                    <strong class="win">2</strong>
                                </div>
                            </div>
                            <div class="match-end">
                                <span class="text-bold">已结束</span>
                            </div>
                        </div>
                    </div>          
</body>
</html>